<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>培训报名信息</title>
	<link rel="stylesheet" type="text/css" href="../css/diploma_08.css">
	<link rel="stylesheet" type="text/css" href="../css/recruit.css">
	<link rel="stylesheet" type="text/css" href="../css/rest.css">
	<script src ='../js/flexible.debug.js'></script>
	<script src ='../js/flexible_css.debug.js'></script>
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript">
		$(function  () {
			$('.leftReturn').click(function  () {
		        history.back();
			})
		})
	    $(function(){
			var flag = null;
			$('.mex').click(function(){
				if(flag == true){
					$('.aside').stop().show();
					flag = false;
				}else{
					$('.aside').stop().hide();
					flag = true;
				}
				$('.man').click(function(){
					$('#inp').val('男')
				})
				$('.wom').click(function(){
					$('#inp').val('女')
				})
			})
		})
	</script>
</head>
<body>
	<header class="header">
		<p class="leftReturn"><img src="../img/1_03.png"></p>
		<p>报名信息</p>
		<p></p>
	</header>

	<article class="infos">
		<li>姓名 :<input type="text" name="" placeholder=""></li>
		<li>生日 :<input type="text" name="" placeholder="xx/xx/19xx"><span><img src="../img/rili.png"></span></li>
		<li>性别 :<input type="text" placeholder="女" id="inp" ><span class="mex"><img src="../img/G_02down.png"></span></li>
		<li>身份证号 :<input type="text" name="" placeholder="0~18位"></li>
		<li>手机 :<input type="text" name=""></li>		
		<p>确认具体内容 ：</p>
	</article>
	<!-- 男女选项 -->
	<div class="aside">
		<img src="../img/02_bg.png">
		<p class="man">男</p>
		<p class="wom">女</p>
	</div>

	<footer class="footer">
	<p class="Set">提交</p>
	</footer>


</body>
</html>